<!DOCTYPE html>
<html lang="en">

<!--HTML语言（盖房子） CSS层叠样式（装修）javaScript -->
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<center>
<form action="http://www.tmooc.cn">
<!--input 输入框标签 type 类型决定输入框的类型
name 表单控件的名，每一个表单是必须要有的属性-->
用户名：<input type="text" name="username" placeholder="请输入用户名"
         maxlength="11">
密码：<input type="password"  name="password" placeholder="请输入密码">

<hr>  <!--分割线标签--> <br>  <!--换行标签-->
<!--单选控件还是多选控件value 属性是必须要有的，value设置的是你提交的内容，
如果没有设置，则提交一个on-->
<!--checked 默认选中-->
性别：<input type="radio" id="r1" name="genter" checked value="m">
<label for="r1">男</label>
<input type="radio" id="r2" name="genter" value="w">
<label for="r2">女</label>
<br>
喜好：<input type="checkbox" name="hobby" value="cy">抽烟
<input type="checkbox" name="hobby" value="hj">喝酒
<input type="checkbox" name="hobby" value="tt">烫头
<br>
出生日期：<input type="date" name="birthday">
<br>
上传头像：<input type="file" name="pic">
<br>
<!--下拉选 <select>内嵌 <option>  selected 默认选中-->
所在地：
<select name="city">
  <option value="bj">北京</option>
  <option value="sh" selected>上海</option>
  <option value="gz">广州</option>
</select>
  <br>
自定义按钮：
  <input type="button" value="登录">
<!--  提交按钮-->
  <input type="submit" value="注册">
  <input type="reset" value="重置">
</form>
</center>
</body>
</html>